* {
    list-style: none;
}

.clear{
    display: block;
    overflow: hidden;
}

body {
    height: 100%;
    background-color: rgba(248, 248, 248, 0.42) !important;
}

html {
    height: 100%;
    background-color: rgba(248, 248, 248, 0.42) !important;
}

nav {
    background: #fff !important;
}

.ss{
    /*position: fixed;*/
    /*margin-left: 10% !important;*/
    position: absolute;
    right: 0;

    z-index: 2!important;
}

.dd{
    /*position: fixed;*/
    margin-right: 100px !important;
}

.ssd{
    margin-right: 50px !important;
}

/*-----导航栏----*/
/*-----导航栏----*/
/*-----导航栏----*/

.navbar.navbar-default{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-sizing: border-box;
}

#logo {
    /*margin-left: 40px;*/
    font-family: "微软雅黑", Arial;
    font-size: 28px;
    color: #f87292;
    line-height: 15px;
    cursor: pointer;
}

.m-l-20 {
    font-size: 20px;
}

.m-l-30 {
    margin-left: 35px;
}

.form-control{
    border-radius: 25px!important;
    background-color: rgba(206, 199, 194, 0.19) !important;
}

.navbar-right .btn-login {
    border-radius: 25px!important;
}

.navbar-right .btn-register {
    border-radius: 25px!important;
}

.navbar-right .btn-edit {
    border-radius: 25px!important;
}

.navbar-right #drop{
    margin-top: -10px;
    margin-bottom: -10px;
}

/*-------中间内容-----*/
/*-------中间内容-----*/
/*-------中间内容-----*/
/*-------中间内容-----*/

/*  博客内容 */
.middle {
    /*border: 1px solid forestgreen;*/
    margin-top: 80px!important;
    /*border: 2px solid #ebebeb;*/
    /*background-color: rgba(251, 251, 251, 0.42);*/
}

.middle .aa {
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 10px;
}

.middle .bb {
    border: 1px solid #e2e2e2;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.middle .cc {
    border: 1px solid #e2e2e2;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.middle .meta a {
    margin-right: 15px;
    color: #767676;
}

.middle .meta a:hover {
    color: orange;
}

.blog-content {
    /*border: 1px solid red;*/
    margin: 2px 2px;
    padding: 3px;
}

.authors-recommend {
    margin: 2px 2px;
    /*border: 1px solid red;*/
    padding: 3px;
}

.authors-recommend .att {
    width: 100% !important;
}

.list-group a {
    text-decoration: none;
}

.list-group .right {
    float: right;
    clear: both;
    margin-top: 10px;
    margin-left: 5px;
}

.list-group .right img {
    margin-top: 20px !important;
    width: 170px;
    height: 120px;
}

.list-group .content p {
    line-height: 25px;
    letter-spacing: 1px;
    margin-top: 22px;
    color: #717070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 100px;
    width: 70%;
}

.list-group .content h4 a {
    color: black;
    letter-spacing: 2px;
}

.list-group .content h4 {
    display: inline;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 20px;
    width: 75%;
}

.list-group .content h4 a:hover {
    color: #e1c408;
    border-bottom: 2px solid #ff00a7;
}

.list-group:nth-child(1) {
    border-top: 1px solid rgba(227, 226, 226, 0.83);
}

.blog-content .list-group li {
    border-left: 1px solid rgba(245, 245, 245, 0.55);
    border-right: 1px solid rgba(245, 245, 245, 0.55);
    border-bottom: 1px solid rgba(217, 216, 216, 0.55);
    border-top: none;
    margin-bottom: 20px;
}

/*  推荐内容 */
.middle .authors-recommend span,
.middle .authors-recommend .refresh {
    text-decoration: none;
    color: #939393;
}

.middle .authors-recommend .refresh {
    float: right;
    clear: both;
}

.middle .authors-recommend .refresh:hover {
    color: #5c5c5c;
}

.middle .authors-recommend .list-group {
    margin-top: 20px;
}

.middle .authors-recommend .list-group .list-group-item {
    /*height: 40px;*/
    /*line-height: 40px;*/
}

.middle .authors-recommend .list-group .list-group-item img {
    /*width: 50px;*/
    /*height: 50px;*/
}

.middle .authors-recommend .list-group .list-group-item .infos {
    /*float: right;*/
    /*clear: both;*/
    /*line-height: 40px;*/
    /*height: 40px;*/
}

.middle .authors-recommend .list-group .list-group-item .infos h5 a {
    color: black;
    font-family: 楷体;
    font-size: 18px;
}

.middle .authors-recommend .list-group .list-group-item .infos h5 a:hover {
    color: rgba(32, 31, 32, 0.7);
}

.middle .authors-recommend .list-group .list-group-item .infos h5 {
    color: #04991a;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 35px;
    width: 100%;
}

.middle .authors-recommend .list-group .list-group-item .infos h5:hover {
    color: darkorange;
}

.middle .authors-recommend .list-group .list-group-item .infos p {
    /*color: #5f5f5f;*/
    /*font-size: 8px;*/
    /*margin-top: 10px;*/
    /*margin-right: 5px;*/
}

.middle .authors-recommend .list-group .list-group-item a {
    color: #3bd701;
    font-size: 18px;
}

.middle .authors-recommend button {
    width: 100%;
    color: #8e8e8e;
}

.middle .authors-recommend button:hover {
    color: #3b3b3b;
}

/*----底部footer-----*/
/*----底部footer-----*/
/*----底部footer-----*/
/*----底部footer-----*/
/*----底部footer-----*/
.main,
.icp {
    text-align: center;
    font-size: 15px;
}

.main a {
    font-size: 18px;
    text-decoration: none;
    color: rgba(9, 9, 9, 0.67);
    margin: 10px 10px;
}

.main a:hover {
    color: #ffab0c;
}

.footer {
    /*position: fixed;*/
    /*bottom: 0;*/
    height: 85px;
    width: 100%;
    background: #f9f9f9;;
}

.foot {
    margin: 10px 10px;
    letter-spacing: 3px;
}


